﻿{include file="header.tpl"}

<div class="vertical-divider" style="width: 10px">&nbsp;</div>
<div class="content-column" style="width: 940px">
	<h1>{$pagetitle}</h1>
	<div class="horizontal-divider" style="height: 10px">&nbsp;</div>
	<p>{$reservationsformintro}</p>
	<p>{$mandatoryfieldsnote}</p>
	<div class="horizontal-divider" style="height: 10px">&nbsp;</div>
	<form name="reservationsForm" action="" method="post">
	<input type="hidden" name="action" id="action" value="{$formaction}" />
	<input type="hidden" name="tourId" id="tourId" value="{$tourid}" />
	<input type="hidden" name="maxCompanions" id="maxCompanions" value="{$maxcompanions}" />
	<div class="form-label">{$mandatoryfieldmarker} {$tourlabel}:</div>
	<div class="form-field">
		<div class="fieldset">
			{$selectedtour}
			<div id="tour6StartDateLayer" style="margin-top: 5px; display: {$tour6startdatepickerdisplay}">{$tour6startdatepicker}</div>
			<div id="tour7StartDateLayer" style="margin-top: 5px; display: {$tour7startdatepickerdisplay}">{$tour7startdatepicker}</div>
			<div id="genericStartDateLayer" style="margin-top: 5px; display: {$genericstartdatepickerdisplay}">{$genericstartdatepicker}</div>
		</div>
	</div>
	<div class="form-column clear">
		<div class="form-label">{$mandatoryfieldmarker} {$namelabel}:</div>
		<div class="form-field"><input type="text" name="name" id="name" maxlength="100" class="textfield" /></div>
	</div>
	<div class="form-column">
		<div class="form-label">{$mandatoryfieldmarker} {$lastnamelabel}:</div>
		<div class="form-field"><input type="text" name="lastName" id="lastName" maxlength="200" class="textfield" /></div>
	</div>
	<div class="form-column clear">
		<div class="form-label">{$mandatoryfieldmarker} {$niflabel}:</div>
		<div class="form-field"><input type="text" name="nif" id="nif" maxlength="20" class="textfield" /></div>
	</div>
	<div class="form-column">
		<div class="form-label">{$mandatoryfieldmarker} {$agelabel}:</div>
		<div class="form-field"><input type="text" name="age" id="age" maxlength="3" class="textfield" /></div>
	</div>
	<div class="form-column">
		<div class="form-label">{$addresslabel}:</div>
		<div class="form-field"><input type="text" name="address" id="address" maxlength="200" class="textfield" /></div>
	</div>
	<div class="form-column clear">
		<div class="form-label">{$townlabel}:</div>
		<div class="form-field"><input type="text" name="town" id="town" maxlength="100" class="textfield" /></div>
	</div>
	<div class="form-column">
		<div class="form-label">{$zipcodelabel}:</div>
		<div class="form-field"><input type="text" name="zipCode" id="zipCode" maxlength="10" class="textfield" /></div>
	</div>
	<div class="form-column clear">
		<div class="form-label">{$provincelabel}:</div>
		<div class="form-field"><input type="text" name="province" id="province" maxlength="100" class="textfield" /></div>
	</div>
	<div class="form-column">
		<div class="form-label">{$mandatoryfieldmarker} {$countrylabel}:</div>
		<div class="form-field"><input type="text" name="country" id="country" maxlength="100" class="textfield" /></div>
	</div>
	<div class="form-column clear">
		<div class="form-label">{$phone1label}:</div>
		<div class="form-field"><input type="text" name="phone1" id="phone1" maxlength="20" class="textfield" /></div>
	</div>
	<div class="form-column">
		<div class="form-label">{$phone2label}:</div>
		<div class="form-field"><input type="text" name="phone2" id="phone2" maxlength="20" class="textfield" /></div>
	</div>
	<div class="form-label">{$companionslabel}:</div>
	<div class="form-field">
		<div class="fieldset">
			<a href="javascript:showCompanion();">{$addcompanionlabel}</a> | <a href="javascript:hideCompanion();">{$deletecompanionlabel}</a><br />
			{$companionboxes}
		</div>
	</div>
	<div class="form-column clear">
		<div class="form-label">{$mandatoryfieldmarker} {$emaillabel}:</div>
		<div class="form-field"><input type="text" name="email" id="email" maxlength="100" class="textfield" /></div>
		<div class="form-label">{$mandatoryfieldmarker} Repite el e-mail:</div>
		<div class="form-field"><input type="text" name="email2" id="email2" maxlength="100" class="textfield" /></div>
		<div class="form-label">{$observationslabel}:</div>
		<div class="form-field">
			<textarea name="observations" id="observations"></textarea>
			<div style="margin-top: 3px">
				<input type="checkbox" name="accept" id="accept"> Acepto la <a href="http://www.mundiplus.com/es/reservations-policy/" target="_blank">Política de Reservas</a>
			</div>
			<div style="display: none">
				<div id="reservationPolicyContent">
					{$reservationpolicycontent}
				</div>
			</div>
		</div>
	</div>
	<div class="form-column">
		<div class="form-label">{$captchalabel}:</div>
		<div class="form-field">
			<div class="captcha">
				<img src="{$captchaurl}" id="captchaImage" style="margin-bottom: 7px" />
				{$captchatext}<br />
				<input type="text" name="captcha" id="captcha" maxlength="20" class="textfield3" /> &nbsp;<a href="javascript:regenerateCaptcha();">{$regeneratecaptcha}</a>
			</div>
		</div>
	</div>
	<div class="form-label">&nbsp;</div>
	<div class="form-field"><input type="button" name="submit" id="reservationsSubmit" value="Enviar" class="submitbutton" /></div>
	</form>
</div>
<div class="vertical-divider" style="width: 10px">&nbsp;</div>

{include file="footer.tpl"}
